// sidebar
$menuText:#FFFFFF;
$menuBg:#1C2A3F;
$menuHover:#1173f1;
$subMenuBg:#1C2A3F;
$subMenuHover:rgba(23, 115, 241, 0.5);
// $sideBarWidth: 212px;
$sideBarWidth: 180px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuText: $menuText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    subMenuBg: $subMenuBg;
    subMenuHover: $subMenuHover;
    sideBarWidth: $sideBarWidth;
}

$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
$gray: #F2F3F7;
//sidebar
$menuBg:#304156;
//$subMenuBg:#1f2d3d;
//$menuHover:#001528;
//边框颜色
$elm-border-first:#DCDFE6;
$elm-border-second:#E4E7ED;
$elm-border-third:#EBEEF5;
$elm-border-fourth:#F2F6FC;
//字体颜色
$elm-font-main:#333;
$elm-font-normal:#666;
$elm-font-sub:#999;
$elm-font-placeholder:#ccc;
//主题色
$elm_theme-color:#5584FF;
$elm-theme-success:#67C23A;
$elm-theme-warning:#E6A23C;
$elm-theme-danger:#F56C6C;
$elm-theme-info:#909399;